<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description"
        content="公司旗下拥有猿辅导、斑马App、小猿口算、猿题库等多款在线教育产品，为用户提供网课、智能练习、难题解析等多元化的智能教育服务，帮助学生系统性、高效率的完成学习闭环。猿辅导在线教育正在为更多中国学生提供智能、便捷、有趣的在线学习体验。以科技推动大规模因材施教，致力于让中国的每一位学生，都能享有高品质、个性化的教育。">
    <title>猿辅导，在线教育科技领先者</title>
    <link rel="shortcut icon" href="./favicon.ico" />
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./public/base.css">
    <link rel="stylesheet" href="./public/font/iconfont.css">
    <link rel="stylesheet" href="./public/swiper.min.css">
</head>

<body>
    <!-- 顶部导航 -->
    <div id="hd">
        <div class="wrap">
            <div class="nav">
                <h1>
                    <img src="./images/index-img/logo.png" alt="">
                </h1>
                <ul>
                    <li>
                        <a href="">首页</a>
                        <i></i>
                    </li>
                    <li>
                        <a href="./html/ape.html" target="_blank">
                            <img src="./images/index-img/ico-1.png" alt="">猿辅导</a>
                        <i></i>
                    </li>
                    <li>
                        <a href="./html/zebra.html" target="_blank">
                            <img src="./images/index-img/ico-2.png" alt="">斑马</a>
                        <i></i>
                    </li>
                    <li>
                        <a href="./html/apelet1.html" target="_blank">
                            <img src="./images/index-img/ico-3.png" alt="">小猿口算</a>
                        <i></i>
                    </li>
                    <li>
                        <a href="./html/apelet2.html" target="_blank">
                            <img src="./images/index-img/ico-4.png" alt="">小猿搜题</a>
                        <i></i>
                    </li>
                    <li>
                        <a href="./html/pum.html" target="_blank">
                            <img src="./images/index-img/ico-5.png" alt="">南瓜科学</a>
                        <i></i>
                    </li>
                    <li>
                        <a href="./html/pro.html" target="_blank">
                            <img src="./images/index-img/ico-6.png" alt="">猿编程</a>
                        <i></i>
                    </li>
                </ul>
            </div>
            <div class="auth-menu" id="userMenu">
                <a href="">登录</a>
                <a href="">注册</a>
            </div>
        </div>
    </div>
    <!-- 登录注册页面 -->
    <div class="shade" style="display:none;">
        <!-- 登录界面 -->
        <div class="login_index pos_in">
            <div class="head">
                <div class="title">登录猿辅导</div>
                <span class="iconfont icon-guanbi clear_x"></span>
            </div>
            <form action="">
                <div>
                    <input class="inp_sr" type="text" placeholder="猿辅导/猿题库/小猿搜题/注册手机号">
                </div>
                <div class="error-message">
                    <span>
                        <span class="iconfont icon-icon_minus-circled
                    "></span>
                        <span>请输入手机号</span>
                    </span>
                </div>
                <div>
                    <input class="inp_sr" type="text" placeholder="密码">
                </div>
                <div class="error-message">
                    <span>
                        <span class="iconfont icon-icon_minus-circled
                    "></span>
                        <span>请输入密码</span>
                    </span>
                </div>
                <div>
                    <button class="btn_cl">立即登录</button>
                </div>
                <div class="clearfix">
                    <button class="left forget getBack" >忘记密码？</button>
                    <button class="right forget noteLogin" >短信验证码登录</button>
                </div>
                <div class="privacy-content">
                    <p>
                        注册/登录即代表你已阅读并同意
                        <a href="">《猿辅导用户协议》</a>
                        <a href="">《隐私政策》</a>
                        <a href="">《儿童隐私保护政策》</a>
                    </p>
                </div>
                <div class="with_line">
                    <button class="nowReg">立即注册</button>
                </div>
            </form>
        </div>
        <!-- 注册界面 -->
        <div class="register_index pos_in">
            <div class="head">
                <div class="title">注册猿辅导</div>
                <span class="iconfont icon-guanbi clear_x"></span>
            </div>
            <form action="">
                <div>
                    <input class="inp_sr" type="text" placeholder="手机号">
                </div>
                <div class="error-message">
                    <span>
                        <span class="iconfont icon-icon_minus-circled
                    "></span>
                        <span>请输入手机号</span>
                    </span>
                </div>
                <div>
                    <input class="inp_sr" type="text" placeholder="8-20位密码（数字/大小写字母/符号至少2种）">
                </div>
                <div class="error-message">
                    <span>
                        <span class="iconfont icon-icon_minus-circled
                    "></span>
                        <span>请输入密码</span>
                    </span>
                </div>
                <div class="verification-holder">
                    <input class="inp_sr" type="text" placeholder="短信验证码">
                    <button class="btn_cl">获取验证码</button>
                </div>
                <div class="error-message">
                    <span>
                        <span class="iconfont icon-icon_minus-circled
                    "></span>
                        <span>请输入短信验证码</span>
                    </span>
                </div>
                <div>
                    <input class="inp_sr" type="text" placeholder="昵称（不超过8个汉字或16个字母）">
                </div>
                <div class="error-message">
                    <span>
                        <span class="iconfont icon-icon_minus-circled
                    "></span>
                        <span>请输入昵称</span>
                    </span>
                </div>
                <div>
                    <button class="btn_cl">立即注册</button>
                </div>
                <div class="privacy-content">
                    <p>
                        注册/登录即代表你已阅读并同意
                        <a href="">《猿辅导用户协议》</a>
                        <a href="">《隐私政策》</a>
                        <a href="">《儿童隐私保护政策》</a>
                    </p>
                </div>
                <div class="with_line">
                    <button class="goLogin">我已注册，去登录</button>
                </div>
            </form>
        </div>
        <!-- 找回密码 -->
        <div class="reset_index pos_in">
            <div class="head">
                <div class="title">找回密码</div>
                <span class="iconfont icon-guanbi clear_x"></span>
            </div>
            <form action="">
                <div>
                    <input class="inp_sr" type="text" placeholder="手机号">
                </div>
                <div class="error-message">
                    <span>
                        <span class="iconfont icon-icon_minus-circled
                    "></span>
                        <span>请输入手机号</span>
                    </span>
                </div>
                <div class="verification-holder">
                    <input class="inp_sr" type="text" placeholder="短信验证码">
                    <button class="btn_cl">获取验证码</button>
                </div>
                <div class="error-message">
                    <span>
                        <span class="iconfont icon-icon_minus-circled
                    "></span>
                        <span>请输入短信验证码</span>
                    </span>
                </div>
                <div>
                    <input class="inp_sr" type="text" placeholder="请输入8-20位密码">
                </div>
                <div class="error-message">
                    <span>
                        <span class="iconfont icon-icon_minus-circled
                    "></span>
                        <span>请输入密码</span>
                    </span>
                </div>
                
                <div>
                    <input class="inp_sr" type="text" placeholder="请再次输入密码">
                </div>
                <div class="error-message">
                    <span>
                        <span class="iconfont icon-icon_minus-circled
                    "></span>
                        <span>请输入密码</span>
                    </span>
                </div>
                <div>
                    <button class="btn_cl">确定</button>
                </div>
                <div class="privacy-content">
                    <p>
                        密码长度在8-20位，应包含数字、大写字母、小写字母、符号（除空格）的两种或两种以上
                    </p>
                </div>
                <div class="with_line">
                    <button class="goLogin">返回登录</button>
                </div>
            </form>
        </div>
        <!-- 短信登录 -->
        <div class="note_index pos_in">
            <div class="head">
                <div class="title">登录猿辅导</div>
                <span class="iconfont icon-guanbi clear_x"></span>
            </div>
            <form action="">
                <div>
                    <input class="inp_sr" type="text" placeholder="猿辅导/猿题库/小猿搜题/注册手机号">
                </div>
                <div class="error-message">
                    <span>
                        <span class="iconfont icon-icon_minus-circled
                    "></span>
                        <span>请输入手机号</span>
                    </span>
                </div>
                <div class="verification-holder">
                    <input class="inp_sr" type="text" placeholder="短信验证码">
                    <button class="btn_cl">获取验证码</button>
                </div>
                <div class="error-message">
                    <span>
                        <span class="iconfont icon-icon_minus-circled
                    "></span>
                        <span>请输入短信验证码</span>
                    </span>
                </div>
                <div>
                    <button class="btn_cl">立即登录</button>
                </div>
                <div class="clearfix">
                    <button class="left forget getBack">忘记密码？</button>
                    <button class="right forget codeLogin">密码登录</button>
                </div>
                <div class="privacy-content">
                    <p>
                        注册/登录即代表你已阅读并同意
                        <a href="">《猿辅导用户协议》</a>
                        <a href="">《隐私政策》</a>
                        <a href="">《儿童隐私保护政策》</a>
                    </p>
                </div>
                <div class="with_line">
                    <button class="nowReg">立即注册</button>
                </div>
            </form>
        </div>
    </div>
    <!-- <div class="shade"></div> -->
    <!-- 侧边栏内容 -->
    <aside class="fixed_btns">
        <div class="gif"></div>
        <a href="" class="scan">
            <div class="icon_aside"></div>
            <span>扫码下载</span>
           
        </a>
        <div class="qrcode">
            <img src="./images/index-img/qrcode.jpg" alt="">
            <div class="content">
                <span>扫码下载猿辅导App</span>
                <span>小初高全科在线辅导</span>
            </div>
        </div>
        <a href="https://www.yuanfudao.com/easemob" target="_blank" class="service">
            <div class="icon_aside"></div>
            <span>在线咨询</span>
        </a>
        <a href="" class="ico_top" style="display: none;">
            <span class="iconfont icon-shangjiantou"></span>
        </a>
       
    </aside>
    <div id="bd">
        <!-- 头部主图 -->
        <section class="pg_index">
            <img src="./images/index-img/nav-b.png" alt="">
            <div class="main_picture">
                <img src="./images/index-img/nav.png" alt="">
            </div>
        </section>
        <!-- 内容导航 -->
        <section class="bg_white">
            <div class="content ">
                <h2>猿辅导在线教育</h2>
                <p>猿辅导，在线教育科技领先者。</p>
                <p>公司旗下拥有猿辅导、斑马App、小猿口算、南瓜科学、猿编程等多款在线教育产品，为用户提供互动网课、智能练习、能力培养等多元化的智能教育服务，帮助学生系统性、高效率地培养知识及能力素养。</p>
                <p>猿辅导在线教育正在为更多中国学生提供智能、便捷、有趣的在线学习体验。以科技推动大规模因材施教，致力于让中国的每一位学生，都能享有高品质、个性化的教育。</p>
            </div>
            <div class="matrix clearfix">
                <div class="main_pic1 left">
                    <div class="pic">
                        <a href="./html/zebra.html" target="_blank">
                            <img src="./images/index-img/pic-1.png" alt="">
                        </a>
                    </div>
                    <div class="pic">
                        <a href="./html/pum.html" target="_blank">
                            <img src="./images/index-img/pic-4.png" alt="">
                        </a>
                    </div>
                </div>
                <div class="main_pic2 left">
                    <div class="pic">
                        <a href="./html/ape.html" target="_blank">
                            <img src="./images/index-img/pic-2.png" alt="">
                        </a>
                    </div>
                    <div class="pic">
                        <a href="./html/pro.html" target="_blank">
                            <img src="./images/index-img/pic-5.png" alt="">
                        </a>
                    </div>
                </div>
                <div class="main_pic3 right">
                    <div class="pic">
                        <a href="./html/apelet1.html" target="_blank">
                            <img src="./images/index-img/pic-3.png" alt="">
                        </a>
                    </div>
                    <div class="pic">
                        <a href="./html/apelet2.html" target="_blank">
                            <img src="./images/index-img/pic-6.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </section>
        <!-- 东奥 -->
        <section class="dongao">
            <div class="title">
                <h2>在线教育历史性携手冬奥</h2>
                <p>助力百年奥运开启“在线时代”，引领2亿青少年爱上冰雪运动</p>
            </div>
            <img src="./images/index-img/dongao-2.webp" alt="">
        </section>
        <!-- 最强大脑 -->
        <section class="bg_orange">
            <div class="ip">
                <h2>与《最强大脑》深度合作</h2>
            </div>
            <div class="ip_1">
                <img src="./images/index-img/head-2.png" alt="">
                <h4>江苏卫视《最强大脑》</h4>
                <p>独家在线教育合作伙伴</p>
            </div>
        </section>
        <!-- 科技内容 -->
        <section class="sensitive">
            <div class="tech">
                <h2>科技驱动，助力教育变革</h2>
                <ul style="list-style: disc;">
                    <li>微软 MSMarco 机器阅读理解排行榜，荣获全球第一。</li>
                    <li>斯坦福问答数据集水平测试，荣获全球第一。成为 AI 实力获“互联网女皇”赞许的在线教育公司。</li>
                    <li>猿辅导 AI 研究院，向业界开源共享超过五项自主研发技术。</li>
                </ul>
            </div>
        </section>
        <!-- 新闻内容 -->
        <section class="bg_white">
            <div class="report">
                <h3>媒体关注与报道</h3>
            </div>
            <div class="lunbo">
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="lb_main">
                                <img src="./images/index-img/news-1.png" alt="">
                                <h6>猿辅导独家课程获“学习强国”重点推荐</h6>
                                <p>近日，猿辅导独家课程《古典音乐启蒙课》入选“学习强国”，并获重点推荐，“学习强国”正式推出了“中小学暑期课堂”，这套音乐启蒙课由猿辅导和中央音乐学院副教授、著名儿童音乐教育学家陈小龙老师共同打造。
                                </p>
                                <a href="">
                                    查看详情
                                </a>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="lb_main">
                                <img src="./images/index-img/news-2.png" alt="">
                                <h6>教与学 更智能：猿辅导以科技创新推动教育发展</h6>
                                <p>“猿辅导以科技创新推动教育发展，人工智能与教育深度融合，让教与学更智能，提升教学效率与效果，促进教育公平。”
                                </p>
                                <a href="">
                                    查看详情
                                </a>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="lb_main">
                                <img src="./images/index-img/news-3.png" alt="">
                                <h6>教育部公布首批教育 APP 备案名单：猿辅导等 152 款 APP 通过备案</h6>
                                <p>教育部公布了第一批 152 款教育移动互联网应用程序备案名单，猿辅导及旗下小猿搜题、小猿口算等 6 款应用通过了首批备案审核。这份备案名单的出炉，将为广大用户选择教育类
                                    APP 提供权威参考。
                                </p>
                                <a href="">
                                    查看详情
                                </a>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="lb_main">
                                <img src="./images/index-img/news-4.png" alt="">
                                <h6>猿辅导成《最强大脑》独家在线辅导合作伙伴 同步推“小学数学能力训练营”课程</h6>
                                <p>1 月 13
                                    日，《最强大脑》联合猿辅导在京举行播出前的专场看片会，正式官宣猿辅导成为本季《最强大脑》独家在线辅导合作伙伴，与节目同步推出“小学数学能力训练营”定制课程，并且双方将在节目全程展开战略合作。
                                </p>
                                <a href="">
                                    查看详情
                                </a>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="lb_main">
                                <img src="./images/index-img/news-5.png" alt="">
                                <h6>科学家给小学生讲“太空地图” 在线科普课持续“升温”</h6>
                                <p>国家天文台研究员郑永春通过在线直播课程平台“猿辅导”，用 4
                                    节科普课为小学生们讲授月球、火星、太阳系以及宇宙、黑洞相关的天文知识，同时展现了我国在探月、航空航天领域的研究探索。
                                </p>
                                <a href="">
                                    查看详情
                                </a>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="lb_main">
                                <img src="./images/index-img/news-6.png" alt="">
                                <h6>科技如何让在线学习更高效 猿辅导专家在剑桥大学分享成功经验</h6>
                                <p>猿辅导专家团与剑桥大学教育学院院长 GeoffHayward 教授进行了 4 个小时的深度交流，共同探讨了教育领域最新的技术革新以及全球教育的未来发展趋势等相关话题。
                                </p>
                                <a href="">
                                    查看详情
                                </a>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="lb_main">
                                <img src="./images/index-img/news-7.png" alt="">
                                <h6>猿辅导被授予“牛津科技创新金牌合作伙伴” ，获牛津大学出版社再度点赞</h6>
                                <p>4 月 18 日，牛津大学出版社在北京举办了“光融盛典 2019
                                    牛津大会——融合发展与教育个性化峰会”。会上，猿辅导被授予“牛津科技创新金牌合作伙伴”奖。这也是牛津大学出版社连续两年“点赞”猿辅导。
                                </p>
                                <a href="">
                                    查看详情
                                </a>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="lb_main">
                                <img src="./images/index-img/news-8.png" alt="">
                                <h6>“最强大脑”王峰猿辅导上分享独家脑力秘籍 50 万学生“抢爆”一节课</h6>
                                <p>2 天倒背如流四级词汇、5 分钟记忆 80 个历史事件，是天生脑力过人还是后天训练得法？3 月 15 日，《最强大脑》战队队长、世界记忆总冠军王峰在猿辅导APP
                                    上分享了他的脑力秘籍，吸引了全国逾 50 万青少年学生报名听讲。
                                </p>
                                <a href="">
                                    查看详情
                                </a>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="lb_main">
                                <img src="./images/index-img/news-9.png" alt="">
                                <h6>「猿辅导」完成腾讯领投 3 亿美元新一轮融资，投后估值超过 30 亿美元</h6>
                                <p>日前，知名在线教育机构猿辅导公司宣布完成了新一轮 3 亿美元融资，本轮融资由腾讯公司领投，华平投资、经纬中国等跟投。当前，“人工智能 +
                                    教育”正在成为新的热点，诸多互联网教育领域的创业企业，都迅速布局这一领域，以技术提高教育水准和效率。
                                </p>
                                <a href="">
                                    查看详情
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
        </section>
        <!-- 了解更多 -->
        <section class="to_home">
            <a href="./html/ape.html" target="_blank">了解猿辅导课程体系与服务
                <span class="iconfont icon-xiangyoujiantou
                "></span>
            </a>
        </section>
    </div>

    <div id="ft">
        <a href="">加入我们</a>
        <span>|</span>
        <a href="">供应商招募</a>
        <span>|</span>
        <a href="">用户服务协议</a>
        <span>|</span>
        <a href="">隐私政策</a>
        <span>|</span>
        <a href="">儿童隐私政策</a>
        <span>|</span>
        <a href="">广播电视节目制作经营许可证（京）字第10596号</a>
        <span>|</span>
        <a href="">营业执照</a>
        <span>|</span>
        <a href="">公司地址信息</a>
        <span>|</span>
        <a href="">备案内容承诺公示</a>
        <span>|</span>
        <a href="">预付费资金监管说明</a>
        <span>|</span>
        <a href="">老师信息公示</a>
        <br>
        <a href="">京ICP备12032703号</a>
        <span>|</span>
        <a href="">京ICP证130009号</a>
        <span>|</span>
        <a href="">京公网安备11010502033993</a>
        <span>|</span>
        <a href="">教APP备1100012号</a>
        <span>|</span>
        <a href="">京网文 (2021) 0984-264号</a>
        <span>|</span>
        <a href="">出版物经营许可证</a>
        <span>|</span>
        <a href="">北京猿力教育科技有限公司 版权所有</a>
        <br>
        <a href="">媒体接洽：pr@kanyun.com</a>
        <span>|</span>
        <a href="">客服电话：400-078-9100 ( 周一至周日 8:00-21:00 )</a>
        <span>|</span>
        <a href="">违法和不良信息举报电话：400-078-9100 转4</a>
        <span>|</span>
        <a href="">网上有害信息举报</a>
        <span>|</span>
        <a href="">服务投诉邮箱：jubao365@kanyun.com</a>
        <span>|</span>
        <a href="">廉政举报邮箱：jubao@kanyun.com</a>
    </div>
    <!-- 页面交互js -->
    <script src="./js/index.js"></script>

    <!-- 轮播图js -->
    <script src="./public/swiper-bundle.min.js"></script>
    <script>
        // 轮播图
        (function () {
            var swiper = new Swiper(".mySwiper", {
                slidesPerView: 3,
                spaceBetween: 30,
                slidesPerGroup: 3,
                loop: true,
                loopFillGroupWithBlank: true,
                pagination: {
                    el: ".swiper-pagination",
                    clickable: true,
                },
                navigation: {
                    nextEl: ".swiper-button-next",
                    prevEl: ".swiper-button-prev",
                },
            });
        })()
    </script>
</body>

</html>